<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 以前网速慢.可能导致图片加载不出来,不想影响网页内容的浏览,用alt替换 -->
    <img src="./微信图片1_20240807104143.jpg" alt="这是一条狗">

    <img src="./微信图片_20240807104143.jpg" title="这是一条狗">

    <!-- 浏览器缩放图片默认是等比例缩放的 -->
    <img src="./微信图片_20240807104143.jpg" width="500">

    <img src="./微信图片_20240807104143.jpg" height="200">
</body>
</html>

<!-- alt 替换文本 图片无法显示的时候显示的文字 -->
 <!-- title 提示文本 鼠标悬停在图片上的时候显示文字 -->

 <!-- <img src(属性名)="./微信图片_20240807104143.jpg(属性值)" -->
 <!-- 属性写在尖括号里面,标签后面,标签名和属性之间用空格隔开,不分先后顺序 -->